@charset "utf-8";
/* CSS Document */
body {
	background:#b8000f;
	text-align:center;
	margin:0;
	font-size:12px;
	font-family:"微软雅黑", Verdana, Geneva, sans-serif
}
#toper {
	width:863px;
	height:120px;
	background:url(../images/imgoy.jpg) no-repeat 0px 75px;
	margin:40px auto 10px auto;
}
#logintoper {
	width:863px;
	height:120px;
	background:url(../images/login_message.jpg) no-repeat 0px 75px;
	margin:40px auto 10px auto;
}
#cultoper {
	width:863px;
	height:120px;
	background:url(../images/culture_message.jpg) no-repeat 0px 75px;
	margin:40px auto 10px auto;
}
#logo {
	width:239px;
	height:89px;
	float:left;
}
#topLink {
	display:inline;
	float:left;
	margin:10px 0 0 395px;
}
#topLink a {
	width:75px;
	height:14px;
	display:block;
	float:left;
}
#topLink .forhome {
	background:url(../images/topv_01.jpg) no-repeat 10px 0px;
	border-right: 1px solid #fff;
}
#topLink .forhome:hover {
	background:url(../images/tx_01.jpg) no-repeat 10px 0px;
	border-right: 1px solid #fff;
}
#topLink .favorate {
	background:url(../images/topv_03.jpg) no-repeat 10px 0px;
	border-right: 1px solid #fff;
}
#topLink .favorate:hover {
	background:url(../images/tx_03.jpg) no-repeat 10px 0px;
	border-right: 1px solid #fff;
}
#topLink .forlogin {
	background:url(../images/topv_05.jpg) no-repeat 10px 0px;
}
#topLink .forlogin:hover {
	background:url(../images/tx_05.jpg) no-repeat 10px 0px;
}
#main_view {
	width:860px;
	margin:30px auto;
}
#main_view #image_view {
	border-left:#d4666f solid 2px;
	border-right:#d4666f solid 2px;
	border-bottom:#d4666f solid 4px;
	height:310px;
}
#main_view #image_view div {
	width:210px;
	float:left;
	height:310px;
	border-left:#d4666f solid 2px;
	border-right:#d4666f solid 2px;
}
#main_view #login_view {
	border-left:#d4666f solid 4px;
	border-right:#d4666f solid 4px;
	border-bottom:#d4666f solid 4px;
	height:306px;
	background:#cf414d;
}
#login_view .left {
	float:left;
	width:210px;
	height:306px;
}
#login_view .left .navi {
	color:#fff;
	height:28px;
	line-height:28px;
	background:url(../images/loginnavi.jpg) no-repeat
}
#login_view .left .pic {
	float:!important none;
	margin:1px;
	width:190px;
	height:266px;
	border:#e06e76 solid 5px;
}
#login_view .loginmbg {
	background:#cf414d;
	float:left;
	width:642px;
	height:306px;
	background:url(../images/loginmbg.jpg) repeat-x -5px 0;
}
#login_view .loginmbg form {
	color:#fff;
	margin:150px auto;
}
#login_view .loginmbg form .logintext {
	width:180px;
	height:16px;
	margin:3px;
	background:#f9a1af;
	border:#f9a1af 1px solid;
}
#login_view .loginmbg form .button {
	width:50px;
	height:50px;
	background:url(../images/button1.jpg);
	border:none;
}

#login_view .textview {
	float:left;
	width:640px;
	height:306px;
	color:#FFF;
	background:url(../images/hwbg.jpg) no-repeat 300px 160px;
}
#login_view .textview .imgtitle{
	margin:15px 20px;
}

#login_view .textview .content{
	margin:0 20px;
	text-align:left;
}


.clearDiv {
	clear:both
}
#footer {
	width:863px;
	margin:0px auto;
	height:70px;
}
.menu a {
	display:block;
	float:left;
	height:33px;
	width:143px;
}
.about {
	background:url(../images/menu_1.jpg) no-repeat 40px 0;
}
.about:hover {
	background:url(../images/menu_1x.jpg) no-repeat 40px 0;
}
.news {
	background:url(../images/menu_2.jpg) no-repeat 40px 0;
}
.news:hover {
	background:url(../images/menu_2x.jpg) no-repeat 40px 0;
}
.product {
	background:url(../images/menu_3.jpg) no-repeat 40px 0;
}
.producted{
	background:url(../images/menu_3x.jpg) no-repeat 40px 0;
}
.productmark{
	background:url(../images/img1_15.jpg) no-repeat 340px 0;
	height:25px;
}
.product:hover {
	background:url(../images/menu_3x.jpg) no-repeat 40px 0;
}
.contact {
	background:url(../images/menu_6.jpg) no-repeat 40px 0;
}
.contact:hover {
	background:url(../images/menu_6x.jpg) no-repeat 40px 0;
}
.joinin {
	background:url(../images/menu_4.jpg) no-repeat 40px 0;
}
.joinin:hover {
	background:url(../images/menu_4x.jpg) no-repeat 40px 0;
}
.recruit {
	background:url(../images/menu_5.jpg) no-repeat 40px 0;
}
.recruit:hover {
	background:url(../images/menu_5x.jpg) no-repeat 40px 0;
}
.marker {
	background:url(../images/img1_15.jpg) no-repeat 50px 0;
	height:25px;
}
/**************************************/

#mainpage {
	width:863px;
	height:420px;
	margin:75px auto 30px auto;
}
#pageleft {
	float:left;
	width:220px;
	height:420px
}

#pageright {
	float:left;
	width:632px;
	height:412px;
	border:#d4666f solid 4px;
	background:#cf414d;
}
#pageright #left {
	float:left;
	width:282px;
	height:412px;
}
#pageright #left img {
	margin:12px 0 0 18px;
}
#pageright #mid {
	float:left;
	width:67px;
	height:412px;
	background:url(../images/vc_16.jpg) repeat-y;
}
#pageright #mid div{
	float:left;
	margin:180px 0;
	width:67px;
	height:52px;
	background:url(../images/vc_18.jpg) no-repeat;
}
#pageright #right {
	color:#fff;
	float:left;
	width:282px;
	height:412px;
	background:#b90010;
}
#pageright #right #title{margin:10px 10px 10px 0;}
#pageright #right #content{margin:10px 10px 10px 0;text-align:left;height:345px}
#pageright #right #taillink{margin:10px 10px 10px 0;text-align:right;}
#pageright #right #taillink a:link{color:#f7b9be;text-decoration:none;} 
#pageright #right #taillink a:hover{color:yellow;text-decoration:none;} 
#pageright #right #taillink a:visited{color:#f7b9be;text-decoration:none;} 

#pageright .piclist{width:126px;height:190px;margin:10px 0px 0 25px;background:#f7b9be;display:inline;float:left} 

#leftview {
	width:200px;
	height:420px;
	background:#c2202d;
}
#logo2 {
	width:200px;
	height:80px;
	background:url(../images/vc_03.jpg) no-repeat 5px;
}
#leftview #categroy {
	padding:0 60px 0 0;
	width:140px;
	height:30px;
	border-bottom:2px solid #d4666f;
}
#leftview{

}
#leftview a:link,#leftview a:visited{
	display:block;
	text-decoration:none;
	text-align:left;
	background:url(../images/vc_13.jpg) no-repeat 18px 10px;
	padding:5px 0 0 30px;
	margin: 4px 0;
	height:20px;
	color:#fff;
	text-decoration:none;
}
 
#leftview a:hover ,#leftview a:active{
	color:#b8000f;
	background:url(../images/vc_10.jpg) no-repeat 0px 5px;
	text-decoration:none;
}
